<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  target.style.opacity = 0.2;
}
onload = runRepaintAndPixelTest;
</script>
<!--Tests paint invalidation on a non-stacking-context squashing layer when a sublayer is created
and the descendants of the sublayer changes paint invalidation container. Passes if we invalidate
the descendants of the layer on the squashing layer.-->
<div style="will-change: transform; position: fixed"></div>
<div style="position: relative; border: 1px solid black;">
  <div id="target" style="opacity: 1; height: 50px; width: 50px; background: red">
    <div id="child" style="width: 100px; height: 100px; background: black"></div>
  </div>
</div>
